
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的订单</title>
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/header.css" />
    <link rel="stylesheet" href="css/goodsList.css" />
	<link rel="stylesheet" href="css/mycar.css" />
	<link rel="stylesheet" href="windowscss/style.css">
    <link rel="stylesheet" href="windowscss/reset.css">
    <script type="text/javascript" src="windowsjs/jquery.min.js"></script>
</head>
<body>
    <header>
        <div id="head-top">
            <nav class="clearfix">
                 <div class="location">
       <span>地区 ： </span>
<select id="province" name="province" >
    <option value="">--请选择省份--</option>
    <option value="北京">北京</option>
    <option value="天津">天津</option>
    <option value="河北省">河北省</option>
    <option value="山西省">山西省</option>
    <option value="内蒙古自治区">内蒙古自治区</option>
    <option value="辽宁省">辽宁省</option>
    <option value="吉林省">吉林省</option>
    <option value="黑龙江省">黑龙江省</option>
    <option value="上海">上海</option>
    <option value="江苏省">江苏省</option>
    <option value="浙江省">浙江省</option>
    <option value="安徽省">安徽省</option>
    <option value="福建省">福建省</option>
    <option value="江西省">江西省</option>
    <option value="山东省">山东省</option>
    <option value="河南省">河南省</option>
    <option value="湖北省">湖北省</option>
    <option value="湖南省">湖南省</option>
    <option value="广东省">广东省</option>
    <option value="广西壮族自治区">广西壮族自治区</option>
    <option value="海南省">海南省</option>
    <option value="重庆">重庆</option>
    <option value="四川省">四川省</option>
    <option value="贵州省">贵州省</option>
    <option value="云南省">云南省</option>
    <option value="西藏自治区">西藏自治区</option>
    <option value="陕西省">陕西省</option>
    <option value="甘肃省">甘肃省</option>
    <option value="青海省">青海省</option>
    <option value="宁夏回族自治区">宁夏回族自治区</option>
    <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
    <option value="香港特别行政区">香港特别行政区</option>
    <option value="澳门特别行政区">澳门特别行政区</option>
    <option value="台湾省">台湾省</option>
    <option value="其它">其它</option>
</select>
<select id="city" name="city" >
    <option value="">--请选择城市--</option>
</select>
<select id="area" name="area">
    <option value="">--请选择地区--</option>
</select>
</div> 
				  
				  
				  
				  
                <ul class="right clearfix">
                    <li class="menu welcome">
                        <a href="login.html" class="link-login">你好，请登录</a>
                        &nbsp;&nbsp;
                        <a href="register.html" class="link-register">免费注册</a>
                    </li>
                    <li class="spacer">|</li>
                    <li class="menu red"><a href="myorder.html" style="color:#999">加入我们</a></li>
                    <li class="spacer">|</li>
                    <li class="menu red">我的订单&nbsp;∨</li>
                    <li class="spacer">|</li>
                    <li class="menu red">企业合作</li>
                    <li class="spacer">|</li>
                    <li class="menu qiye">餐饮采购&nbsp;∨</li>
                    <li class="spacer">|</li>

                </ul>
            </nav>
        </div>
        <div class="w clearfix">
            <div id="logo">
                <a href="index.html"><img src="img/log.jpg" ></a>
            </div>
            <div id="search">
                <!-- 搜索列表  已隐藏 -->
                <ul class="menu" id="shelper"></ul>
                <div class="form">
                    <input type="text" id="key" value="水果" class="text blurcolor">
                    <i class="fa fa-camera"></i>
                    <button>搜索</button>
                </div>
            </div>
            <div id="settleup" class="dropdown">
                <div class="cw-icon">
                    <i class="fa fa-shopping-cart car"></i>
                    <i class="i-count" id="count">0</i>
                    <a href="mycar.html">我的购物车</a>
                </div>
                
            </div>
            
        </div>
    </header>
    <section>
        <div id="nav">
            <div class="w clearfix">
                <div id="categorys" style="height: auto; left: 0px; position: absolute;">
                    <div class="dt">
                        <a href="#">我的订单</a>
                    </div>
                    <div class="dd" style="display: none;"></div>										
                </div>
                <div id="navitems" class="clearfix">
                    <ul class="navitems-group1 clearfix">
                        <li><a href="#">我的收藏</a></li>
                        <li><a href="#">我的信息</a></li>
                        <li><a href="#">遇到问题？</a></li>
                    </ul>
  
                </div>
            </div>
        </div>
		        
        
		<div class="inf">
		
		<h2>  我的订单历史  </h2> 
		<br><br>
		<center>
            

            
            
            <table width="900" border="1" cellpadding="0" cellspacing="0" style="table-layout: fixed;border-collapse: collapse">
                <tr style="background:#E6E6FA;height: 35px">
                    
                    <th width="15%">商品名字</th>
                   
                   
                   
                    
					 <th width="12%">总价</th>
                    <th width="12%">状态</th>
                    <th width="12%">购买时间</th>
                    <th width="12%">操作</th>
                </tr>
                    
                    <tr align='center' style='height: 30px'>
                       
                   <td width='15%'></td>
                    
                   
                    
					
					<td width='12%'></td>
					<td width='5%'></td>
                    <td width='12%' style='overflow: hidden;text-overflow: ellipsis'></td>
                    <td width='12%' style="background:#ffffcc">
                          <a id="modalBtn">评价</a>
                          <a href="">加入购物车</a>      </td> 
                    </tr>
                
         
               
            </table>
        </center>
		
		
		
		
		<input type="submit" value="全部加入购物车" class="submit" />
		
		
		
		</div>
		
    </section>
    <div id="simpleModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <span class="closeBtn">&times;</span>
            <h2 style="color:#fff">给我们的服务评星</h2>
        </div>
        <div class="modal-body">
            <p>给个6星好评吧！</p>
        <div class="stars00 wm-stars-box">
        <div class="wm-lab">物流配送</div>
        <div class="wm-view"></div>
        </div>
        <div class="stars02 wm-stars-box">
        <div class="wm-lab">打包分类</div>
        <div class="wm-view"></div>
        </div>
		<div class="stars03 wm-stars-box">
        <div class="wm-lab">商品质量</div>
        <div class="wm-view"></div>
        </div>
		<div class="stars04 wm-stars-box">
        <div class="wm-lab">服务态度</div>
        <div class="wm-view"></div>
        </div>	
        </div>
        <div class="modal-footer">
            <h3><a href="" style="text-decoration: none;color:#fff;">确认</a></h3>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/velocity.min.js"></script>
<script src="js/myjs.js"></script>
<script src="js/goodsList.js"></script>
<script src="./js/location.js"></script>
<script src="windowsjs/main.js"></script>
<script type="text/javascript" src="windowsjs/stars.js"></script>
<script type="text/javascript">
        $(function(){
            $('.stars01').stars({
                returnFraction: function( frac ){
                    console.log( frac );
                }
            });
            $('.stars02').stars({
                starsNum: 6,
                initNum: 1,
                returnFraction: function( frac ){
                    console.log( frac );
                }
            });
			$('.stars03').stars({
                starsNum: 6,
                initNum: 1,
                returnFraction: function( frac ){
                    console.log( frac );
                }
            });
			$('.stars04').stars({
                starsNum: 6,
                initNum: 1,
                returnFraction: function( frac ){
                    console.log( frac );
                }
            });
			$('.stars00').stars({
                starsNum: 6,
                initNum: 1,
                returnFraction: function( frac ){
                    console.log( frac );
                }
            });
        });
    </script>
	<script>
    new PCAS("province","city","area","","","");
    </script>

